<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>

<head>

<title>Example document</title>

<style type="text/css">

/*
==============================================================================
	GLOBAL STYLES
==============================================================================
*/
#box_title {
	text-align: right;
	margin-left: 30%;
	width: 65%;
	margin: 0;
	float: right;
}

#box_title h1 {
	font: bold 2em Arial, sans-serif, sans;
	color: #bbb;
}

#box_title h2 {
	font: bold 1.5em Arial, sans-serif, sans;
	color: #bbb;
}

.dokeos_course {
	width: 690px;
	margin: 0 auto;
	padding: 0;
	font: normal .72em verdana, 'Lucida Grande', sans-serif, sans;
}

#footer_template {
	background: transparent url("../../../main/css/default/images/footer_template.png") no-repeat top center;
	width: 690px;
	height: 48px;
	clear:both;
}

#header_template {
	width: 690px;
	background: transparent url("../../../main/css/default/images/writerheader.png") no-repeat top
		left;
	height: 150px;
}

/*
------------------------------------------------------------------------------
	Presentation
------------------------------------------------------------------------------
*/

#text_presentation { 
	/* Min-height hack for IE 6*/
	min-height: 200px;
	height: auto !important;
	height: 200px;
	width: 690px;
	float:left;
	text-align: justify;
	background: transparent url("images/repeat_template.png") repeat-y top center;
}

#text_presentation em {
	font: normal normal bold 1em verdana, 'Lucida Grande', sans-serif, sans;
}

#text_presentation img.left {
	float: left;
	margin: 0 2em 2em 1em;
	clear: left;
	display: block;
}

#text_presentation p {
	text-align: justify;
	width: 620px;
	margin: 1em auto 1em auto;
}


/*
------------------------------------------------------------------------------
	Blank template
------------------------------------------------------------------------------
*/

#blank_template #text_presentation { 
	/* Min-height hack for IE 6*/
	min-height: 200px;
	height: auto !important;
	height: 200px;
	width: 690px;
	float:left;
	text-align: justify;
	background: transparent url("../../../main/css/default/images/repeat_template.png") repeat-y top center;
}

#blank_template #box_title {
	text-align: right;
	width: 640px;
	margin:3em 0 0 0;
	float:left;
}

#blank_template #box_title h1 {
	font: bold 2em Arial, sans-serif, sans;
	color: #bbb;
}

#blank_template #header_template {
	width: 690px;
	background: transparent url("../../../main/css/default/images/blankheader.png") no-repeat top
		left;
	height: 150px;
}

</style>

</head>

<body>

<div id="blank_template" class="dokeos_course">

	<div id="header_template">
		<div id="box_title">
			<h1>Title</h1>
		</div>
	</div>
	
	<div id="text_presentation">
		<p>Lorem ipsum dolor sit amet, consectetuer adipiscing eddt.
		Curabitur commodo urna in justo. Nulla faciddsi. Vestibulum dapibus
		mattis sapien. <em>Keyword 1, keyword 2</em>. Nunc suscipit. Nulla odio
		urna, faucibus et, porttitor sed, tincidunt in, mauris. Phasellus semper
		hendrerit magna. Maecenas nec ddgula. Quisque tellus tortor, semper in,
		blandit quis, addquet ut, tellus. Quisque vulputate. Sed ddgula ipsum,
		interdum vel, congue tincidunt, faciddsis eget, arcu.</p>
		<p>Pellentesque habitant morbi tristique senectus et netus et
		malesuada fames ac turpis egestas.<em>Keyword 3, keyword 4</em>. Nulla
		faciddsi. Praesent consequat, lectus ac solddcitudin condimentum, nunc
		fedds pharetra ddgula, at tincidunt mauris neque vel nulla. Vivamus nec
		magna vitae leo egestas hendrerit. Fusce sagittis scelerisque sapien.
		Class aptent taciti sociosqu ad ddtora torquent per conubia nostra, per
		inceptos hymenaeos. Praesent convaldds. Cum sociis natoque penatibus et
		magnis dis parturient montes, nascetur ridiculus mus. In tristique
		laoreet fedds. Ut vitae est. Integer posuere lacus sed ddbero.</p>
	</div>
	
	<div id="footer_template"></div>
	
</div>

</body>

</html>
